<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>id选择器</title>
    <!--
    id是全局属性
    id选择器: #id值{}
    根据元素的id属性值,来精确的选中某个元素
    id属性值:尽量由字母,数字,下划线(_),短杠(-)组成,最好以字母开头,不要包含空格,区分大小写
    一个元素只能拥有一个id属性,多个元素的id属性值不能相同
    一个id属性只能拥有一个值,不能像class属性一样可以有多个值
    -->
    <style>
        #earthy {
            color: red;
        }

        #turn-earthy {
            color: blue;
        }

        #earthy1 {
            color: red;
        }

        #earthy2 {
            color: green;
        }
    </style>
</head>
<body>
<h1>欢迎来到土味官网,土的味道我知道</h1>
<br>
<h2 id="earthy">土味情话</h2>
<h3>作者:优秀的网友们</h3>
<p>我对你说:万水千山总是情,爱我一点行不行</p>
<p>我对你说:我给你留了一块地,我的死心塌地</p>

<h2 id="turn-earthy">反杀土味情话</h2>
<h3>作者:更优秀的网友们</h3>
<p>我回答你:抬头望月光,低头看尿缸</p>
<p>我回答你:今天去输液了,输的是想你的夜</p>
<p>我回答你:一寸光阴一寸金,劝你死了这条心</p>

</body>
</html>